<style>
  #grid[data-columns]::before {
    content: '4 .list.size-1of4';
  }
  .column { float: left; }
  .size-1of4 { width: 25%; }
</style>
<div id="grid" class="grid clearfix" data-columns>
  <div class="item">Item #1</div>
  <div class="item">Item #2</div>
  <div class="item">Item #3</div>
  <div class="item">Item #4</div>
  <div class="item">Item #5</div>
  <div class="item">Item #6</div>
  <div class="item">Item #7</div>
  <div class="item">Item #8</div>
</div>
